.volunteer {
  .head{
    height: 42px;
    background: #1AAC19;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 42px;
    text-align: center;
    position: relative;
    .head-icon{
      font-size: 20px;
      position: absolute;
      left:15px;
    }
  }
  .content {
    .weui-input {
      //padding-bottom: 1px;
      font-size: 14px;
    }
    .weui-label {
      padding-top: 1px;
      color: #333;
      font-size: 14px;
    }
    .weui-textarea {
      font-size: 14px;
    }
    .sexC {
      text-align: left;
      padding: 10px 23px;
      color: #333;
      font-size: 14px;
      overflow: hidden;
      .weui-icon-circle {
        font-size: 18px;
      }
      .weui-icon-success {
        font-size: 18px;
        color: #1AAC19;
      }
    }
    .clue-list-two {
      ul{
        .avatar-uploader .el-upload {
          border: 1px dashed #d9d9d9;
          border-radius: 6px;
          cursor: pointer;
          position: relative;
          overflow: hidden;
        }
        .avatar-uploader .el-upload:hover {
          border-color: #20a0ff;
        }
        .avatar-uploader-icon {
          font-size: 28px;
          color: #8c939d;
          width: 178px;
          height: 178px;
          line-height: 178px;
          text-align: center;
        }
        .avatar {
          max-width: 100%;
          max-height: 200px;
          display: block;
        }
        .avatar-uploader-icon {
          width: 150px;
          height: 66px;
          line-height: 66px;
          font-size: 16px;
        }
        li{
          //height: 120px;
          border-bottom: 1px solid #e4e4e4;
          padding: 12px 20px;
          text-align: left;
          color: #333;
          font-size: 14px;
          h4 {
            font-weight: 100;
            color: #cccccc;
          }
          p{
            width: 100%;
            font-size: 14px;
            color: #333333;
            span{
              padding-left: 5px;
              color:#999;
            }
          }
          .file-content{
            margin-top: 20px;
            .file {
              margin-left: 10%;
              position: relative;
              display: inline-block;
              background: #FFF;
              border: 1px dashed #ccc;
              border-radius: 4px;
              width: 120px;
              height: 68px;
              overflow: hidden;
              color: #1E88C7;
              text-decoration: none;
              text-indent: 0;
              line-height: 20px;
            }
            .file input {
              position: absolute;
              font-size: 100px;
              right: 0;
              top: 0;
              opacity: 0;
            }

          }
        }
      }
    }
  }
  .okbtn {
    width: 90%;
    height: 40px;
    border-radius: 5px;
    background-color: #1AAC19;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    margin: 20px auto;
    font-size: 14px;
  }
}
